迴圈提供一個快速又簡潔的方法來重複地做某件事,有了迴圈,在取得資料時就方便許多。
當知道迴圈要執行幾次時使用
for 迴圈可以用來執行一段程式碼,當變數值與設定的條件符合時,就會持續執行到條件不符合才停止執行。
基本語法:
for ( 初始條件 ; 判斷條件 ; 更新條件 ) {
要執行的程式碼
}
例如:
for(let i = 0,i < 10,i++){
console.log(i);
}
/*0
* 1
* 2
* 3
* 4
* 5
* 6
* 7
* 8
* 9
* /
for(let i = 0,i <= 20,i+=5){
console.log(i);
}
/*0
* 5
* 10
* 15
* 20
*/
for(let i = 0,i < 5,i++){
if(i == 2){
continue;
}
console.log(i);
}
/*0
* 1
* 3
* 4
*/
for(let i = 0,i < 10,i++){
if(i == 5){
break;
}
console.log(i);
}
/*0
* 1
* 2
* 3
* 4
*/
當不知道迴圈要執行幾次時使用
務必要記得寫上++,否則會造成無限迴圈
let i = 0;
while(i < 10){
console.log(i);
i++;
}
/*0
* 1
* 2
* 3
* 4
* 5
* 6
* 7
* 8
* 9
* /
巢狀迴圈(迴圈裡包迴圈)
let count = 0;
for(let i = 0,i < 5,i++){
for(let j = 0,j < 3,i++){
console.log(i,j);
count++;
}
}
console.log(count);//15
/*00
* 01
* 02
* 10
* 11
* 12
* 20
* 21
* 22
* 30
* 31
* 32
* 40
* 41
* 42
* /
i 從 0 到 4
j 從 0 到 2
i * j= 5*3 = 迴圈運行 15 次
let friends=["John","Josh","Mike"];
for(let i = 0;i < friends.length;i++){
console.log(friends[i].toUpperCase())
}
//JOHN
//JOSH
//MIKE
用在 array 上
和 for loop 可以達到同樣的效果
forEach 對陣列裡的每個元素都執行 function
且在 forEach 裡面每一次執行的 function 叫做 callback function
這個 callback function 裡面可以放好幾個參數 forEach(currentvalue,index,array)
在 forEach 的 function 不用取名字,這種沒有名字的 function 又叫 Anonymous function
let luckyNumbers = [7,15,23,66,91,10,13];
luckyNumbers.forEach(function(n){
if(n > 20){
console.log(n);
}
});
//23 66 91